.van-popup {
    border-radius: 24px 24px 0px 0px;
}

.van-popup--bottom {
    padding-bottom: 40px !important;
}


.auth-tips-popup {
    display: flex;
    padding: 40px 48px 0px;
    flex-direction: column;
    align-items: flex-start;
    background: linear-gradient(180deg, #CCD8FB 0%, #FFF 36.70%);
    border-radius: 24px 24px 0px 0px;

    .tip {
        color: var(--blue-dst, #1E3580);
        font-size: 44px;
        font-style: normal;
        font-weight: 600;
        margin-bottom: 24px;
    }

    .desc {
        color: var(--blue-dst, #1E3580);
        font-size: 28px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .blue {
        color: var(--blue, #3C6BFF);
    }

    .step {
        width: 100%;
        position: relative;
        display: flex;
        flex-direction: row;
        height: 96px;
        align-items: center;

        text {
            color: var(--gray-gray-9, #263446);
            font-size: 32px;
            font-weight: 600;
        }

        .step-left {
            flex: 1;
            display: flex;
            gap: 16px;
        }

        image {
            width: 44px;
            height: 44px;
        }
    }

    .step-done {
        text {
            color: var(--green, #00AD6E) !important;
        }
    }

    .step::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: calc(100% - 48px);
        height: 1px;
        padding-left: 24px;
        padding-right: 24px;
        background-color: #F4F5F7;
    }

    .step:last-child::after {
        height: 0px;
    }

    .done-hidden {
        display: none;
    }

}